:root {
    --main-color: #00A7DE;
    --main-color-hover: #0295C5;
    --main-text: #222222;
    --secondary-text: #979797;
    --main-white: #FFFFFF;
    --main-lightgray: #F2F2F2;
    --main-lightgray-hover: #EBEBEB;
    --main-darkgray: #C7C7C7;
    --main-green: #37AC6B;
    --main-green-hover: #17713F;
    --main-shadow: 151 151 151;
    /* nuovi */
    --primary-color: #3065A6;
    --primary-gradient: linear-gradient(to bottom, #3065a6 0%,#012757 100%);
    --secondary-color: #E30E16;
    --secondary-gradient: linear-gradient(to bottom, #e30e16 0%,#72070b 100%);
    --secondary-color-hover: #CB0C13;
    --tertiary-color: #208756;
    --tertiary-gradient: linear-gradient(to bottom, #208756 0%,#10442b 100%);
    --surface-white: #fff;
    --surface-black: #222222;
    --surface-lightgray: #F2F2F2;
    --text-primary: #222222;
    --text-secondary: #979797;
    --text-invert: #fff;
    /* padding */
    --main-padding: 3rem;
    --offset-menu: 88px;
    --border-radius: 12px;
}